
<template>
    <div class="demo-datetime-picker">
        <div class="block">
            <span class="demonstration">Default</span>
            <el-date-picker v-model="value" type="datetime" placeholder="Select date and time"></el-date-picker>
        </div>
    </div>
    <el-button @click="fn">跳转</el-button>
</template>
<script>
import { useRouter, useRoute } from "vue-router";
import { onMounted,ref } from "vue";
export default {
    setup() {
        const value = ref('')
        const router = useRouter()
        const route = useRoute()
        function fn() {
            router.push('/setup')
        }
        onMounted(() => {
            console.log(route.query.code)
        })
        return {
            fn,
            value
        }
    }
}
</script>
<style scoped>
.demo-datetime-picker {
  display: flex;
  width: 100%;
  padding: 0;
  flex-wrap: wrap;
}
.demo-datetime-picker .block {
  padding: 30px 0;
  text-align: center;
  border-right: solid 1px var(--el-border-color-base);
  flex: 1;
}
.demo-datetime-picker .block:last-child {
  border-right: none;
}
.demo-datetime-picker .demonstration {
  display: block;
  color: var(--el-text-color-secondary);
  font-size: 14px;
  margin-bottom: 20px;
}
</style>